<!DOCTYPE html> 
<html> 
    <?php
        include_once './include/head.php';
    ?>

    <body> 
        <div data-role="page" id="index-mobile">
            <div data-role="header" data-position="inline">
                <div id="headerhome">
                    <a href="index-mobile.php" data-ajax="false"><img src="themes/images/siegel_rot.png" width="198px" height="74px" alt="TU Siegel"></a>
                </div>
            </div>
            <div data-role="content" data-theme="b">
                
                <div id="suche">
                    <div id="cse-search-form" style="width: 100%;">Loading Google Searchbar</div>
                    <script src="http://www.google.de/jsapi" type="text/javascript"></script>
                    <script type="text/javascript"> 
                        google.load('search', '1', {language : 'de'});
                        google.setOnLoadCallback(function() {
                            var customSearchControl = new google.search.CustomSearchControl(
                            '013032286049513635742:b-wm8anvsxg');

                            customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
                            var options = new google.search.DrawOptions();
                            options.enableSearchboxOnly("suchergebnisse.php");
                            customSearchControl.draw('cse-search-form', options);
                        }, true);
                    </script>
                    <link rel="stylesheet" href="themes/cse.css" type="text/css" />
                </div>
                <div id="mainportrait" class="ui-grid-b" style="display: none">
                    <div class="ui-block-a"><a href="aktuelles.php" data-role="button"><img src="themes/images/166-newspaper@2x.png" height="36px" width="48px" alt="Aktuelles"><br>Aktuelles</a></div>
                    <div class="ui-block-b"><a href="mensa.php" data-role="button"><img src="themes/images/48-fork-and-knife@2x.png" height="36px" width="48px" alt="Mensa"><br>Mensa</a></div>
                    <div class="ui-block-c"><a href="personen.php" data-role="button"><img src="themes/images/112-group@2x.png" height="36px" width="48px" alt="Personen"><br>Personen</a></div>
                    <div class="ui-block-a"><a href="termine.php" data-role="button"><img src="themes/images/83-calendar@2x.png" height="36px" width="48px" alt="Termine"><br>Termine</a></div>
                    <div class="ui-block-b"><a href="institute.php" data-role="button"><img src="themes/images/190-bank@2x.png" height="36px" width="48px" alt="Institute"><br>Institute</a></div>
                    <div class="ui-block-c"><a href="stundenplaene.php" data-role="button"><img src="themes/images/140-gradhat@2x.png" height="36px" width="48px" alt="Stundenpläne"><br>Stundenpläne</a></div>
                    <div class="ui-block-a"><a href="lageplan.php" data-role="button"><img src="themes/images/103-map@2x.png" height="36px" width="48px" alt="Lageplan"><br>Lageplan</a></div>
                    <div class="ui-block-b"><a href="events.php" data-role="button"><img src="themes/images/180-stickynote@2x.png" height="36px" width="48px" alt="Klausuren"><br>Events</a></div>
                    <div class="ui-block-b"><a href="social.php" data-role="button" data-ajax="false"><img src="themes/images/09-chat-2@2x.png" height="36px" width="48px" alt="Social"><br>Social</a></div>
                </div><!-- /grid-c -->
                <div id="mainlandscape" class="ui-grid-c" style="display: none">
                    <div class="ui-block-a"><a href="aktuelles.php" data-role="button"><img src="themes/images/166-newspaper@2x.png" height="36px" width="48px" alt="Aktuelles"><br>Aktuelles</a></div>
                    <div class="ui-block-b"><a href="mensa.php" data-role="button"><img src="themes/images/48-fork-and-knife@2x.png" height="36px" width="48px" alt="Mensa"><br>Mensa</a></div>
                    <div class="ui-block-c"><a href="personen.php" data-role="button"><img src="themes/images/112-group@2x.png" height="36px" width="48px" alt="Personen"><br>Personen</a></div>
                    <div class="ui-block-d"><a href="termine.php" data-role="button"><img src="themes/images/83-calendar@2x.png" height="36px" width="48px" alt="Termine"><br>Termine</a></div>
                    <div class="ui-block-a"><a href="institute.php" data-role="button"><img src="themes/images/190-bank@2x.png" height="36px" width="48px" alt="Institute"><br>Institute</a></div>
                    <div class="ui-block-b"><a href="stundenplaene.php" data-role="button"><img src="themes/images/140-gradhat@2x.png" height="36px" width="48px" alt="Stundenpläne"><br>Stundenpläne</a></div>
                    <div class="ui-block-c"><a href="lageplan.php" data-role="button"><img src="themes/images/103-map@2x.png" height="36px" width="48px" alt="Lageplan"><br>Lageplan</a></div>
                    <div class="ui-block-d"><a href="events.php" data-role="button"><img src="themes/images/180-stickynote@2x.png" height="36px" width="48px" alt="Klausuren"><br>Events</a></div>
                    <div class="ui-block-a"><a href="social.php" data-role="button" data-ajax="false"><img src="themes/images/09-chat-2@2x.png" height="36px" width="48px" alt="Social"><br>Social</a></div>
                </div><!-- /grid-c -->
            </div>
            <div data-role="footer">
                <div data-role="navbar">
                    <ul>
                        <li><a href="https://www.tu-braunschweig.de" rel="external" data-role="button" data-icon="home" data-iconpos="top">Volle Ansicht</a></li>
                        <li><a href="about.php" data-role="button" data-icon="info" data-iconpos="top" data-rel="dialog">About</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>